<template>
  <div class="my-reg">
    <div class="item">
      <div class="txt">
        <h4>新用户注册</h4>
        <router-link to="login">已有账号?现在登录</router-link>
      </div>

      <div class="inputs">
        <div class="form-group">
          <label for="u_name">用户名：</label>
          <input
            minlength="3"
            maxlength="12"
            type="text"
            placeholder="请输入用户名"
          />
          <b v-show="na" class="msg-default">用户名不正确</b>
        </div>
        <div class="form-group">
          <label for="u_pwd">登录密码：</label>
          <input
            type="password"
            minlength="6"
            maxlength="12"
            placeholder="请输入密码"
          />
          <b v-show="pw" class="msg-default hidden">密码不正确</b>
        </div>
        <div class="form-group">
          <label for="upwdconfirm">确认密码：</label>
          <input
            type="password"
            minlength="6"
            maxlength="12"
            placeholder="请确认密码"
          />
          <b v-show="upw" class="msg-default hidden">确认密码不正确</b>
        </div>

        <div class="form-group">
          <label for="user_name">真实姓名：</label>
          <input
            minlength="2"
            maxlength="4"
            type="text"
            placeholder="请输入姓名"
          />
          <b v-show="us" class="msg-default">姓名不能为空</b>
        </div>

        <div class="form-group">
          <label for="city_live">地址：</label>
          <input
            type="city"
            placeholder="请输入地址"
            name="city_live"
            id="city_live"
          />
          <b v-show="ci" class="msg-default hidden">请输入合法的地址</b>
        </div>
        <div class="form-group">
          <label for="phone">手机号：</label>
          <input
            id="phone"
            name="phone"
            placeholder="请输入手机号"
            type="text"
          />
          <b v-show="ph" class="msg-default hidden">请输入合法的手机号</b>
        </div>
      </div>
      <!-- <div class="form-group"> -->
      <!-- <input type="button" value="提交注册信息" id="bt-register" /> -->
      <!-- <router-link to="login"> -->
      <span @click="regin">提交注册信息</span>
      <!-- </router-link> -->
      <!-- </div> -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      u_name: "",
      u_pwd: "",
      re_upwd: "",
      user_name: "",
      city_live: "",
      phone: "",
      na: "",
      pw: "",
      upw: "",
      ci: "",
      ph: "",
      us: "",
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
</style>